import { _get_adorn_pedia_dict  } from '../../../utils/qiaofinn.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    category_list:[],
    TabCur: 0,
    MainCur: 0,
    VerticalNavTop: 0,
    load: true
  },
  adornPediaDetailTap(e){
    const id = e.currentTarget.dataset.id
    wx.navigateTo({
      url: './detail/detail?id='+id,
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.showLoading({
      title: '加载中...',
      mask: true
    })
    _get_adorn_pedia_dict(res=>{
      if(res.status){
        this.setData({
          category_list: res.data,
          TabCur:res.data[0].id,
        })
      }
    })
  },
  tabSelect(e){
   this.setData({
    TabCur: e.currentTarget.dataset.id,
    MainCur: e.currentTarget.dataset.id,
    VerticalNavTop: (e.currentTarget.dataset.id - 1) * 50
   })
  },
  VerticalMain(e){
    let that = this;
    let category_list = this.data.category_list;
    let tabHeight = 0;
    if (this.data.load) {
      for (let i = 0; i < category_list.length; i++) {
        let view = wx.createSelectorQuery().select("#main-" + category_list[i].id);
        view.fields({
          size: true
        }, data => {
          category_list[i].top = tabHeight;
          tabHeight = tabHeight + data.height;
          category_list[i].bottom = tabHeight;     
        }).exec();
      }
      that.setData({
        load: false,
        category_list: category_list
      })
    }
    let scrollTop = e.detail.scrollTop + 10;
    for (let i = 0; i < category_list.length; i++) {
      if (scrollTop > category_list[i].top && scrollTop < category_list[i].bottom) {
        that.setData({
          VerticalNavTop: (category_list[i].id - 1) * 20,
          TabCur: category_list[i].id
        })
        return false
      }
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    wx.hideLoading()
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})